import { defineComponent } from "vue";
import Container from "@/components/Container";
import Avatars from "./-Avatars";
import Buttons from "./-Buttons";
import Inputs from "./-Inputs";
import Lists from "./-Lists";
import Modals from "./-Modals";
import Panels from "./-Panels";

const ComponentsView = defineComponent({
  setup() {
    return () => (
      <Container class="flex flex-col gap-4 my-4">
        <Buttons />
        <Avatars />
        <Inputs />
        <Panels />
        <Lists />
        <Modals />
      </Container>
    );
  },
});

export default ComponentsView;
